<template>
    <div
        class="div-row"
        :style="{
            height: obj.heightAuto ? 'auto' : obj.height+'px',
            overflow: obj.heightAuto ? 'hidden' : 'auto',
            marginLeft: obj.marginLeft+'px',
            marginRight: obj.marginRight+'px',
            marginTop: obj.marginTop+'px',
            marginBottom: obj.marginBottom+'px',
            paddingLeft: obj.paddingLeft+'px',
            paddingRight: obj.paddingRight+'px',
            paddingTop: obj.paddingTop+'px',
            paddingBottom: obj.paddingBottom+'px',
            background: obj.background
    }">
        <slot/>
    </div>
</template>
<script>
export default {
    name: 'div-row',
    props: {
        obj: {
            type: Object
        }
    }
}
</script>

